<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>订单确认</title>
<link type="text/css" rel="stylesheet" href="style/reset.css">
<link type="text/css" rel="stylesheet" href="style/main.css">
<link type="text/css" rel="stylesheet" href="style/orderConfirm.css">

</head>

<body>
<div class="headerBar">
	<div class="topBar">
		<div class="comWidth">
            <div class="leftArea">
                <div class="account fl" id="account">
                    <a href="#"><span class="sign-success"></span></a>
                        <div class="mune" id="account_mune">
                            <div class="shangmian">
                                <div class="leftArea">
                                <a href="#"><img src="images/logo/taxyh-3.jpg" alt=""></a>
                                </div>
                                <div class="account_mang rightArea">
                                    <div class="fr qingfu"><a class="manage">账号管理</a><a class="exit">退出</a></div>
                                    <div class="fl qingfu"><a href="#"><img src="images/icon/huiyuan4.jpg"></a></div>
                                     <div class="fl qingfu"> <a href="#">我可尊享15项特权</a></div>
                                </div>
                            </div>
                            <div class="h_1 qingfu"></div>
                            <div class="xiamian qingfu">
                            <a href="#"><div class="tqtime">我当前享受2天节日特权</div></a>
                            </div>
                        </div>
                </div>
            </div>
            <div class="phone fl"><a href="https://www.pgyer.com/taoaixin" id="phone">手机淘爱心</a></div>
			<div class="rightArea">
				<!-- <span class="fl">欢迎来到淘爱心！</span> -->
                <a href="#"><span class="fl F_tax" style="color:red";>淘爱心首页</span></a>
                <div class="wdtax fl" id="wdtax">
                    <a href="#">我的淘爱心</a>
                    <ul class="mune" id="wdtax_mune">
                        <li><a href="#">已淘到的爱心</a></li>
                        <li><a href="#">我的足迹</a></li>
                        <li><a href="#">爱公益</a></li>
                        <li><a href="#">新欢</a></li>
                    </ul>
                </div>
                <div class="fl"><a href="#">我的消息</a></div>
                <div class="favorites fl" id="favorites">
                    <a href="favorite.html">收藏夹</a>
                    <ul class="mune" id="favorites_mune">
                        <li><a href="#">收藏的宝贝</a></li>
                        <li><a href="#">收藏的店铺</a></li>
                    </ul>
                </div>
                <div class="seller fl" id="seller">
                    <a href="sellerCenter.html">卖家中心</a>
                    <ul class=" mune" id="seller_mune">
                        <li><a href="sellerCenter.html">免费开店</a></li>
                        <li><a href="#">已卖出的宝贝</a></li>
                        <li><a href="#">出售中宝贝</a></li>
                        <li><a href="#">卖家资质</a></li>
                    </ul>
                </div>
                <div class="service fl" id="service">
                    <a href="#">联系客服</a>
                    <ul class="mune" id="service_mune">
                        <li><a href="#">收藏的宝贝</a></li>
                        <li><a href="#">收藏的店铺</a></li>
                    </ul>
                </div>
			</div>
		</div>
	</div>
    <div class="rlogoBar">
		<div class="comWidth">
			<div class="logo fl">
				<a href="#"><img src="images/logo/tax-2.jpg" alt="淘爱心"></a>
			</div>
			<div class="stepBox fr">
				<div class="step"></div>
				<ul class="step_text">
					<li class="s01 active">我的购物车</li>
					<li class="s02 active">填写核对订单</li>
					<li class="s03">订单提交成功</li>
				</ul>
			</div>
		</div>
	</div>
</div>
<div class="hr_15"></div>

<div class="shoppingCart smallcomWidth">
	<div class="shopping_item">
		<h3 class="shopping_tit">收货地址</h3>
		<div class="shopping_cont padding_shop">
			<ul class="shopping_list">
				<li><span class="shopping_list_text"><em>*</em>选择地区：</span>
					<div class="select">
                        <select name="province"></select>
                        <select name="city"></select>
                        <select name="area"></select>
					</div>
				</li>
				<li>
					<span class="shopping_list_text"><em>*</em>详细地址：</span>
					<input type="text" placeholder="最多输入20个汉字" class="input input_b">
				</li>
				<li>
					<span class="shopping_list_text"><em>*</em>收 货 人：</span>
					<input type="text" class="input" placeholder="最多10个">
				</li>
				<li>
					<span class="shopping_list_text"><em>*</em>手	机：</span>
					<input type="text" placeholder="如：12312312" class="input">
                	<span class="cart_tel">&nbsp;或固定电话：</span>
                	<input type="text" class="input input_s">
                <span class="jian">-</span><input type="text" class="input input_s2">
                <span class="jian">-</span><input type="text" class="input input_s2">
                </li>
				<li>
                    <input type="button" class="affirm">
                </li>
			</ul>
		</div>
	</div>
	<div class="hr_26"></div>
	<div class="shopping_item">
		<h3 class="shopping_tit">支付方式</h3>
		<div class="shopping_cont padding_shop">
			<ul class="shopping_list">
				<li><input type="checkbox" class="radio" id="r1"><label for="r1">支付宝支付</label>&nbsp支付宝钱包</li>
				<li><input type="checkbox" class="radio" id="r2"><label for="r2">微信支付</label>&nbsp微信扫一扫支付</li>
				<li><input type="checkbox" class="radio" id="r3"><label for="r3">淘爱心支付</label></input></li>
			</ul>
		</div>
	</div>
	<div class="hr_26"></div>
	<div class="shopping_item">
		<h3 class="shopping_tit">送货清单<a href="#" class="backCar">返回购物车修改</a></h3>
		<div class="shopping_cont pb_10">
			<div class="cart_inner">
				<div class="cart_head clearfix">
					<div class="cart_item t_name">商品名称</div>
					<div class="cart_item t_price">单价</div>
					<div class="cart_item t_return">返现</div>
					<div class="cart_item t_num">数量</div>
					<div class="cart_item t_subtotal">小计</div>
				</div>
				<div class="cart_cont clearfix">
					<div class="cart_item t_name">
						<div class="cart_shopInfo clearfix">
							<img src="images/details/taxxq-2.jpg" alt="">
							<div class="cart_shopInfo_cont">
								<p class="cart_link"><a href="#">iPad mini2 Apple/苹果 配备Retina显示屏的iPad mini</a></p>
								<p class="cart_info">[赠品]：真皮保护套</p>
							</div>
						</div>
					</div>
					<div class="cart_item t_price">
						1450.00
					</div>
					<div class="cart_item t_return">10</div>
					<div class="cart_item t_num">1</div>
					<div class="cart_item t_subtotal t_red">1450.00</div>
				</div>
				<div class="cart_message">
					若有问题请留言，若有问题请留言
				</div>
				<div class="cart_prompt"><i class="cart_prompt_icon"></i>抱歉，以下商品已失效，无法购买。</div>
				<div class="cart_cont cart_no_bor clearfix">
					<div class="cart_item t_name">
						<div class="cart_shopInfo clearfix">
							<img src="images/details/taxxq-2.jpg" alt="">
							<div class="cart_shopInfo_cont">
								<p class="cart_link"><a href="#">iPad mini2 Apple/苹果 配备Retina显示屏的iPad mini</a></p>
								<p class="cart_info">1450.00［无货］</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="hr_26"></div>
	<div class="shopping_item">
		<h3 class="shopping_tit">订单结算</h3>
		<div class="shopping_cont padding_shop clearfix">
			<div class="cart_count fr">
				<div class="cart_rmb">
					<i>总计：</i><span>￥1450.00</span>
				</div>
				<div class="cart_btnBox">
					<a href="pay.html">
					<input type="button" class="cart_btn" value="提交订单"></a>
				</div>
			</div>
		</div>
	</div>
</div>



<div class="hr_26"></div>
<div class="footer">
	<div class="comWidth clearfix">
    	<div class="footitem">
        <h3>关于淘爱心</h3>
        <ul class="data ">
				<li><a href="#" class="active">关于我们</a></li>
				<li><a href="#">联系我们</a></li>
				<li><a href="#">加入我们</a></li>
			</ul>
        </div>
        <div class="footitem">
        <h3>爱心资质</h3>
        <ul class="data">
				<li><a href="#" class="active">发布人资质</a></li>
				<li><a href="#">接单人资质</a></li>
				<li><a href="#">必备审核材料</a></li>
			</ul>
        </div>
        <div class="footitem">
        <h3>购物帮助</h3>
        <ul class="data">
				<li><a href="#" class="active">购物须知</a></li>
				<li><a href="#">订单相关</a></li>
				<li><a href="#">商品相关</a></li>
              <li><a href="#">积分相关</a></li>
			</ul>
        </div>
        <div class="footitem">
        <h3>手机淘爱心</h3>
        <ul class="data">
				<li><a href="#" class="active">iphone</a></li>
				<li><a href="#">Andriod</a></li>
			</ul>
        </div>
        <div class="footitem">
        <h3>在线客服</h3>
        <ul class="data">
				<li><a href="#" class="active">工作时间：9：00～18:00</a></li>
				<li><a href="#">建议邮箱：11111111@qq.com</a></li>
				
			</ul>
        </div>
    </div>
</div>
<div class="hr_45">
<p>Copyright&nbsp;&nbsp;&nbsp;2015&nbsp;&nbsp;taoaixin.com&nbsp;&nbsp;杭州电子科技大学版权所有</p>
</div>
<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
<script type="text/javascript" src="js/myjs.js"></script>
<script type="text/javascript" src="js/easyPay.js"></script>
<script type="text/javascript" src="js/jquery-ui/jquery.citys.js"></script>
<script type="text/javascript">
   $('.select').citys({province:'浙江',city:'杭州市',area:'江干区'});
</script>
</body>
</html>
